/**
 * Created by Administrator on 2016/12/26.
 */
$(function(){
    var worker_mainpage =$("#worker_mainpage");
    $('#asidey').click(function()
    {
        //centent.addClass("hover").siblings().removeClass("hover");
        //centent.stop(true).fadeIn(1000).siblings("div").fadeOut(1000);
        if(centent.hasClass("aside_little")){
            centent.removeClass("aside_little");
            worker_mainpage.removeClass("worker_mainpage_little");
            centent.addClass("aside");
        }
        else{
            centent.addClass('aside_little');
            worker_mainpage.addClass("worker_mainpage_little");
            centent.removeClass("aside");
        }
    });
    //�ڲ�
    var centent=$("#centent");
    $('#aside').click(function()
    {
        if(centent.hasClass("aside_little")){
            centent.removeClass("aside_little");
            centent.addClass("aside");
        }
        else{
            centent.addClass('aside_little');
            centent.removeClass("aside");
        }
    });
    var centent1=$("#centent1");
    $('#aside1').hover(function()
    {
        if(centent.hasClass("aside_little")){
            if(centent1.hasClass("hidden")){
                centent1.removeClass("hidden");
                centent1.toggleClass("zoomOutDown");
            }
        }
    },function() {
            if(centent.hasClass("aside_little")){
                if(!centent1.hasClass("hidden")){
                    centent1.toggleClass("zoomOutDown");
                    centent1.addClass("hidden");
                }
            }
        }
    );
    var centent2=$("#centent2");
    $('#aside2').hover(function()
        {
            if(centent.hasClass("aside_little")){
                if(centent2.hasClass("hidden")){
                    centent2.removeClass("hidden");
                    centent2.toggleClass("rollOut");
                }
            }
        },function() {
            if(centent.hasClass("aside_little")){
                if(!centent2.hasClass("hidden")){
                    centent2.toggleClass("rollOut");
                    centent2.addClass("hidden");
                }
            }
        }
    );
    var centent3=$("#centent3");
    $('#aside3').hover(function()
        {
            if(centent.hasClass("aside_little")){
                if(centent3.hasClass("hidden")){
                    centent3.removeClass("hidden");
                    centent3.toggleClass("bounceOutUp");
                }
            }
        },function() {
            if(centent.hasClass("aside_little")){
                if(!centent3.hasClass("hidden")){
                    centent3.toggleClass("bounceOutUp");
                    centent3.addClass("hidden");
                }
            }
        }
    );
    var centent4=$("#centent4");
    $('#aside4').hover(function()
        {
            if(centent.hasClass("aside_little")){
                if(centent4.hasClass("hidden")){
                    centent4.removeClass("hidden");
                }
            }
        },function() {
            if(centent.hasClass("aside_little")){
                if(!centent4.hasClass("hidden")){
                    centent4.addClass("hidden");
                }
            }
        }
    );
    //click
    var centent1=$("#centent1");
    $('#aside1').click(function()
    {
        if(centent.hasClass("aside")){
            if(centent1.hasClass("hidden")){
                centent1.removeClass("hidden");
                centent1.toggleClass("zoomOutDown");
            }
            else{
                centent1.toggleClass("zoomOutDown");
                setTimeout(function(){
                    centent1.addClass('hidden');
                },500)
            }}
    });
    var centent2=$("#centent2");
    $('#aside2').click(function()
    {
        if(centent.hasClass("aside")){
            if(centent2.hasClass("hidden")){
                centent2.removeClass("hidden");
                centent2.toggleClass("rollOut");
            }
            else{
                centent2.toggleClass("rollOut");
                setTimeout(function(){
                    centent2.addClass('hidden');
                },1000)
            }}
    });
    var centent3=$("#centent3");
    $('#aside3').click(function()
    {
        if(centent.hasClass("aside")){
            if(centent3.hasClass("hidden")){
                centent3.removeClass("hidden");
                centent3.toggleClass("bounceOutUp");
            }
            else{
                centent3.toggleClass("bounceOutUp");
                setTimeout(function(){
                    centent3.addClass('hidden');
                },600)
            }}
    });
    var centent4=$("#centent4");
    $('#aside4').click(function()
    {
        if(centent.hasClass("aside")){
            if(centent4.hasClass("hidden")){
                centent4.removeClass("hidden");
            }
            else{
                centent4.addClass('hidden');
            }}
    });

})